<div id="main">
    <div id="contents">
        <form method="post" action="#" name="filters" id="form1">
            <fieldset>
                <legend>
                    <label sid="dmz.title"></label>
                </legend>
                <div class="frame_tab_layer">
                    <table class="cmenutitle" cellspacing="0" cellpadding="0" border="0" width="100%">
                        <tbody>
                        <tr>
                            <td class="frame_tab_left">
                                <label for="id2330">
                                    <label sid="dmz.setting"></label>
                                </label>
                            </td>
                            <td class="frame_tab_right">

                                <input id="dmzEnable" type="radio" checked="" onclick="read();" value="1" name="id2330">
                                <label sid="main.enable"></label>
                                <span style="padding-left:20px;"></span>
                                <input id="dmzDisable" type="radio" onclick="read();" value="0" name="id2330">
                                <label sid="main.disable"></label>

                            </td>
                        </tr>
                        <tr id="tr2331">
                            <td class="frame_tab_left">
                                <span id="img2331" class="errormsg"></span>
                                <label for="id2331">
                                    <label sid="dmz.ipaddr"></label>
                                </label>
                            </td>
                            <td class="frame_tab_right">
                                <input id="id2331" type="text" name="id2331" size="24">
                                <span class="x-form-tip" id="id2331Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left">
                                <label for="id2353">
                                    <label sid="dmz.tcpport80"></label>
                                </label>
                            </td>
                            <td class="frame_tab_right">
                                <input id="id2353" type="checkbox" name="id2353">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </fieldset>
            <div class="submitFooter">
                <input type="button" name="submit" class="button" sid="sbutton.save" id="submit" >
            </div>
        </form>
    </div>
</div>
<br>
<div id="helpContainer">
    <div id="help">
        <div>
            <h2>
                <label sid="share.help"></label>
            </h2>
        </div>
        <div id="helpBody">
        <dl>
            <dt class="term">
                <label sid="dmz.title"></label>
            </dt>
            <dd class="definition">
                <label sid="dmz.introduction"></label>
            </dd>
        </dl>

    </div>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function(){
        var nonames = new Array("submit","id2353");
        var sendtext = getSendText(nonames);
        sendtext += "&id=2353";
        DataRequest("get_json",sendtext,function(data){
            getResult(nonames,data);
            if(data["id2353"]==""||data["id2353"]==0){
                $("#id2353").attr("checked",false);
            }else{
                $("#id2353").attr("checked",true);
            }
            read();
        });

        $.formValidator.initConfig({debug:false,submitOnce:true,submitButtonID:"submit",
            onError:function(msg, obj, errorlist) {

            },
            onSuccess:function(){
                $(".errormsg").html('');
                var settext = getSetText(nonames);
                if($("#id2353").attr("checked")){
                    settext+="&id2353=80";
                }else{
                    settext+="&id2353=0";
                }
                settext=settext.replace(/\#/g,"%23");
                submitform(modules["set_data"],settext);
            }
        });
        $("#id2331").formValidator({
            onFocus:errmsg.Info9
        }).regexValidator({
                    regExp:regexEnum.notempty,
                    onError:errmsg.Info3
                }).regexValidator({
                    regExp:regexEnum.ip4,
                    onError:errmsg.Info1
                });



    });

	
	function read() {
	if($("[name=id2330]").attr("checked")) {
        $("#tr2331").show();
        $("#id2331").unFormValidator(false);
	}else {
        $("#id2331").unFormValidator(true);
        $("#tr2331").hide();
	}
}
</script>
